page {
	background: $uni-F5F5F5;
}

.top-box {
	width: 100vw;
	height: 120rpx;
	background: $uni-white;
	.switch {
		width: 674rpx;
		height: 88rpx;
		border-radius: 24rpx;
		background: $uni-F5F5F5;
		color: $uni-585C66;
		box-sizing: border-box;
		padding: 0 8rpx;
		.item {
			width: 328rpx;
			height: 72rpx;
			line-height: 72rpx;
			text-align: center;
			border-radius: 16rpx;
			transition: all .2s;
		}
	}
}

.content {
	box-sizing: border-box;
	width: 100vw;
	padding: 38rpx 32rpx 144rpx;
}

.common-box {
	width: 100%;
	box-sizing: border-box;
	padding: 32rpx;
	border-radius: 24rpx;
	background: $uni-white;
}

.start {
	font-size: 24rpx;
	color: $uni-text-color-main;
	border: 2rpx solid $uni-text-color-main;
	width: 128rpx;
	height: 56rpx;
	border-radius: 16rpx;
	line-height: 56rpx;
	text-align: center;
}

.course-item {
	width: 100%;
	box-sizing: border-box;
	padding: 24rpx;
	background: $uni-F5F5F5;
	border-radius: 16rpx;
	margin-top: 20rpx;
	.tag {
		padding: 2rpx 12rpx;
		background: $uni-white;
		color: $uni-text-color-grey;
		font-size: 20rpx;
		border-radius: 8rpx;
	}
}